//音乐

var audio = document.getElementById('bgm');

$('.music').click(function() {
    toMusic();
});

function toMusic() {
    if (audio.paused) {

        $('.music').removeClass('music-off')
            .addClass('music-on');
    } else {
        audio.pause();
        $('.music').removeClass('music-on')
            .addClass('music-off');
    }
}

/************************************************************************/

$('.hear-back,.succeed-btn,.special_project-opt').click(function() {
    // $('.home').fadeIn()
    // $(this).fadeOut()
    $(location).attr('href', 'index.html');
})

//to泵房检查
$('.home-img2').click(function() {
    // $('.pump_station').fadeIn()
    // $('.home').fadeOut()
    $(location).attr('href', 'pump_station.html');
})

//to标准速查手册
$('.home-img3').click(function() {
    // $('.handbook').fadeIn()
    // $('.home').fadeOut()
    $(location).attr('href', 'handbook.html');
})

//to专项检查
$('.home-flex .tp2').click(function() {
    // $('.special_project').fadeIn()
    // $('.home').fadeOut()
    $(location).attr('href', 'special_project.html');
})

//to创建安全专项检查
$('.home-flex .tp1').click(function() {
    // $('.create').fadeIn()
    // $('.home').fadeOut()
    $(location).attr('href', 'create.html');
})


$('.pump_station-btn').click(function() {
    $('.pump_station-alert').fadeIn()
})

$('.pump_station-alert-cent-btn').click(function() {
    $('.pump_station-alert').fadeOut()
})

$('.pump_station-environm-cent-tp-text').click(function() {
    $('.pump_station-standard').fadeIn()
})

$('.pump_station-standard-cent-btn').click(function() {
    $('.pump_station-standard').fadeOut()
})


/***************************************************************/

//home->select1
$('.home-btn').click(function() {
    nextPage($('.page-select1'))
})

//7道题下一页
$('.select-btn').click(function() {
    nextxd($(this))
})

var selectArr = []
$('.content>.select1').click(function() {
    $('.create-hzmap').fadeOut()
    $('.create-hzcent').fadeOut()

    var selectId = $(this).data('id');
    selectArr.push(selectId)
    console.log('点击数组>>>', selectArr)
})

//单选/按钮出现
$('.select1,.select2,.select3,.select4,.select5,.select6,.select7').click(function() { //如果之前没选择，全部变回原来，只让选中的换色
    $(this).nextAll().fadeIn()
    if ($(this).css('background-color') == 'rgb(172, 204, 233)') {
        $(this).parent().find('.sele').css('background-color', ' rgb(172, 204, 233)');
        $(this).css('background-color', 'rgb(102, 147, 186)');

    }
})


//input昵称输入框效果取消

var data = { name };
$('.page-name .name-btn').click(function() {
    data.name = $('#name').val();
    //data.sex = $('#sex').val();
    if (data.name == '') {
        msg('请输入您的昵称！');
    } else {
        console.log(data.name)
        nextPage($('.page-create'))
    }

    //输入的名字
    $('#name-make,.poster #name-make').html(data.name);
    createIMG(selectArr)
});


function createIMG() {

    //最后一个
    var no5 = selectArr.slice(-1)
    console.log('最后点击>>>', no5.toString())

    // //第一个点击图像var no1 = selectArr.slice(0, 1)

    if (no5.toString() == 1) {
        $('.create-map').addClass('xizang-map')
        $('.create-cent').addClass('xizang-cent')
    } else if (no5.toString() == 2) {
        $('.create-map').addClass('sanya-map')
        $('.create-cent').addClass('sanya-cent')
    } else if (no5.toString() == 3) {
        $('.create-map').addClass('dalian-map')
        $('.create-cent').addClass('dalian-cent')
    } else if (no5.toString() == 4) {
        $('.create-map').addClass('shanghai-map')
        $('.create-cent').addClass('shanghai-cent')
    }

}

//杭州最牛逼
$('.select6-B').click(function() {
    $('.create-map').fadeOut()
    $('.create-cent').fadeOut()
    $('.create-hzmap').fadeIn()
    $('.create-hzcent').fadeIn()
})



//跳转页面-下一页
function nextPage(a) {
    $(".page").fadeOut();
    a.fadeIn();
}

//父级的父级的下一个兄弟页面
function nextxd(a) {
    $(".page").fadeOut();
    a.parent().parent().next().fadeIn();
}

/********************************************************************/
//生成海报

// $('.create-haibao-btn').click(function() {
//     showLoading();
//     $('.create-haibao-btn,.create-btn1,.create-btn2').fadeOut()
//     $('.erweima').fadeIn()

//     $('.poster').fadeIn()
//     $('.poster').css('display', 'block');
//     html2canvas($('.poster').get(0), {
//         useCORS: true
//     }).then(function(canvas) {
//         $('.poster').fadeOut();
//         console.log(canvas)
//         var dataURL = canvas.toDataURL('image/jpeg')
//         $('#haibao').attr('src', dataURL);

//         //测试查看大图$('.poster').fadeIn()

//         $('.page-create .haibao').fadeIn()
//         closeLoading();
//     })

// })